<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    /* switch语句允许用一个表达式的值或者一个变量和case标签后面的值相匹配
    如果匹配成功，则执行这个case标签后面的代码 switch开关；case选项；break结束判断程序
    注意：switch判断成功匹配一次结果后，后面的case均不再进行条件判断直接执行其中代码，
        所以需要break结束后面代码的执行。
    switch (一个表达式或者一个变量) {
        case 常量1:
            要执行的代码;
            break;
        case 常量2:
            要执行的代码;
            break;
        case 常量3:
            要执行的代码;
            break;
        default:
            break;
    } 
    */
   /* 执行顺序：
   1.首先判断第一个case后的值是否与表达式结果一致
   2.如果结果相等，则执行case后的代码，当遇到break结束switch
   3.如果结果不相等，开始与下一个case的值相比较，如果相等则执行第2步
   4.如果所有case结果都不一致，则执行default后的代码
   5.switch的比较值时===（完全等于） */
   var season='summer';
    switch (season) {
        case 'spring':
            console.log('出芽了');
            break;
        case 'summer':
            console.log('花开了');
            break;
        case 'autumn':
            console.log('花落了');
            break;
        case 'winter':
            console.log('树秃了');
            break;
        default:
            console.log('请输入正确内容：');
            break;
    }
    /* switch语句和if else if语句的区别：
    一般情况下他们可以相互交替
    switch...case通常处理比较确定值的情况
    if else语句更加灵活，常用于范围判断
    条件较少时，if else效率更高
    条件较多时，switch case...效率更高
     */
</script>

</html>